<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title><%= htmlWebpackPlugin.options.title %></title>
        <script>
            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
            document.write(
                '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />'
            )
            var userAgent = navigator.userAgent
            if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {
                // 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
                document.write('<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>')
                document.write('<script type="text/javascript" src="<%= BASE_URL %>static/js/webview.js"><\/script>')
            }
        </script>
        
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
        <style tyle="text/css">
            #_app_con .uni-app--maxwidth {
                overflow-x: hidden;
            }

            #_app_con uni-tabbar.uni-tabbar-bottom .uni-tabbar {
                padding-bottom: 0;
            }

            #_app_con uni-tabbar .uni-tabbar ~ .uni-placeholder {
                padding-bottom: 0;
            }

            .__load8 .__loader,
            .__load8 .__loader:after {
                border-radius: 50%;
                width: 50px;
                height: 50px;
            }

            .__load8 .__loader {
                margin: 200px auto;
                font-size: 10px;
                position: relative;
                text-indent: -9999em;
                border-top: 2px solid #eee;
                border-right: 2px solid #eee;
                border-bottom: 2px solid #eee;
                border-left: 2px solid #1492ff;
                -webkit-transform: translateZ(0);
                -ms-transform: translateZ(0);
                transform: translateZ(0);
                -webkit-animation: __load8 0.6s infinite linear;
                animation: __load8 0.6s infinite linear;
            }

            @-webkit-keyframes __load8 {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }

                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }

            @keyframes __load8 {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }

                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }

            ._error_ {
                font-size: 0.8rem;
                color: #666;
                left: 50%;
                top: 200px;
                transform: translate(-50%, -50%);
                position: absolute;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                padding: 0 20px;
                box-sizing: border-box;
            }

            ._error_ img {
                width: 8.5rem;
                height: 8.5rem;
                margin-bottom: 1rem;
            }

            ._error_ div {
                color: #999;
            }
        </style>
    </head>

    <body id="_app_con">
        <noscript>
            <strong>Please enable JavaScript to continue.</strong>
        </noscript>
        <div id="app">
            <div class="__load8">
                <div class="__loader"></div>
            </div>
        </div>
        <!-- built files will be auto injected -->
        <!-- <script>
            if ('serviceWorker' in navigator) {
                console.log('service worker test.....')
                window.addEventListener('load', function() {
                    navigator.serviceWorker.register('/static/js/sw.js');
                    console.log('service worker active.....');
                });
            }
            // window.onload = function(){
            //     //文件缓存
            //     if (navigator.serviceWorker) {
            //         // debugger
            //         console.log('service worker test.....')
            //         window.addEventListener('DOMContentLoaded',function() {
            //             // debugger
            //             console.log('service worker active.....')
            //             // 调用 serviceWorker.register 注册，参数 /sw.js 为脚本文件所在的 URL 路径
            //             navigator.serviceWorker.register('./sw.js');
            //         });
            //     }
            // }
        </script> -->
    </body>
</html>
